<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
        <title>Social Network - Utrinki</title>
        
        <link rel="stylesheet" type="text/css" href="utrinki.css" />
        <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.16.custom.css" />

        <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="utrinki.js"></script>
    </head>
    <body>
       <div class="header">
            <div class="main_top">
                <div class="stars"> <img src="Frontpage/stars.png" /></div>
                <div class="main_title"><h1>UtRiNkI</h1></div>
            </div>
        </div> 
        <div class="contents">
            <div class="login">
                <h2 class="login_title">PRIJAVA</h2>
                <!-- vpisi action file za login -->
                <form id="login_form" action="" method="post">
                    <table border="0">
                        <tr>
                            <td class="table_td">E-mail: </td>
                            <td class="table_td"><input type="text" id="username" size="30" maxlength="30" /></td>
                        </tr>
                        <tr>
                            <td class="table_td">Geslo: </td>
                            <td class="table_td"><input type="text" id="password" size="30" maxlength="30" /></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td class="table_td"><input type="checkbox" id="remember_me" value="remember" /> Zapomni si me</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td class="table_td"><span id="format_err">Nisi vnesel vseh podatkov!</span></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td class="table_td"><input class="button_style" type="submit" value="Prijava" onclick="onLogin()" /></td>
                        </tr>
                        <tr>
                            <td><br /><br /></td>
                            <td><br /><br /></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td class="table_td1">Še nimaš svojega uporabniškega računa? <br />Pridruži se nam!</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td class="table_td"><input class="button_style" type="button" value="Registracija" onclick="initRegistration()" /></td>
                        </tr>                        
                    </table>                    
                </form>
            </div>

            <!-- Registracija -->
            <div id="registration_dialog" title="Registracija">
                <!-- vpisi action file za registracijo -->
                <form id="registration_form" action="" method="post">
                    <p class="registration_p">
                        <label>E-mail<br /> <input type="text" id="registration_email" size="30" maxlength="60" onblur="checkRegistrationEmail()" />
                        </label>
                        <span id="format_err_registration_email">Neveljaven format.</span>
                    </p>
                    <p class="registration_p">
                        <label>Email (ponovno)<br /> <input type="text" id="registration_email_repeated" size="30" maxlength="60" />
                        </label>
                    </p>
                    <p class="registration_p">
                        <label>Geslo<br /> <input type="password" id="registration_password" size="30" maxlength="30" onblur="checkRegistrationPassword()" />
                        </label>
                        <span id="format_err_registration_password">Geslo naj vsebuje vsaj 4 znake.</span>
                    </p>
                    <p class="registration_p">
                        <label>Geslo (ponovno)<br /> <input type="password" id="registration_password_repeated" size="30" maxlength="30" />
                        </label>
                    </p>
                    <p class="registration_p">
                        <label>Ime<br /> <input type="text" id="name" size="30" maxlength="30" onblur="checkName()" />
                        </label>
                        <span id="format_err_name">Neveljaven format.</span>
                    </p>
                    <p class="registration_p">
                        <label>Priimek<br /> <input type="text" id="surname" size="30" maxlength="30" onblur="checkSurname()" />
                        </label>
                        <span id="format_err_surname">Neveljaven format.</span>
                    </p>
                    <p class="registration_p">
                        <label><input type="radio" name="gender" value="male" checked="checked" />
                        Fant</label>                        
                        <label><input type="radio" name="gender" value="female" />
                        Dekle</label><br />
                    </p>
                    <p class="registration_p">
                        <label>Rojstni datum<br />
                            <select name="day" id="selected_day">
                                <option value="1" selected="selected">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>                                
                            </select>
                            <select name="month" id="selected_month">
                                <option value="1" selected="selected">januar</option>
                                <option value="2">februar</option>
                                <option value="3">marec</option>
                                <option value="4">april</option>
                                <option value="5">maj</option>
                                <option value="6">junij</option>
                                <option value="7">julij</option>
                                <option value="8">avgust</option>
                                <option value="9">september</option>
                                <option value="10">oktober</option>
                                <option value="11">november</option>
                                <option value="12">december</option>
                            </select>
                            <select name="year" id="selected_year">
                                <option value="1980" selected="selected">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                            </select>
                        </label>                        
                    </p>
                    <p class="registration_p">
                        <label>Kraj bivanja<br /> <input type="text" id="place" size="30" maxlength="30" onblur="checkPlace()" />
                        </label>
                        <span id="format_err_place">Neveljaven format.</span>
                    </p>
                    <p class="registration_p">
                        <span id="registration_format_err">Manjkajoči ali neujemajoči podatki!</span>
                    </p>
                </form>
            </div>
        </div>
        <div class="footer">Copyright © 2011 FRI SP-S15</div>
    </body>
</html>
